我正在为一个我无法更改标记或包含任何JS的网站制作主题。我只能控制主题的CSS，只能在页面主体中编写一些HTML。我试图让这个主题响应，但我看不出如何在没有像这样的视口(viewport)元标记的情况下控制手持设备上的初始比例或页面缩放:所以发生的情况是，即使我可以通过CSS@media查询应用特定于移动设备的布局，但在手机上查看时网站会缩小。在放大之前文本和图像太小，一旦放大，布局太大并且有水平滚动条。它在桌面上调整大小的浏览器窗口中看起来很完美；问题是手机浏览器会自动缩放页面。所以我正在寻找解决方法。我目前有两种思路，欢迎任何其他建议:有什么方法可以单独在CSS中完成视口(view

我正在尝试将一个旧元素改编并移植到PhoneGap。到目前为止，该元素在Android浏览器下可以正常工作，但不能与PhoneGap一起使用，因为它不会调整内容以适应整个屏幕。它总是留下一个空白，这不是我想要的。PhoneGap似乎没有关注我正在使用的元标记中的视口(viewport)属性。我一直在做一些测试来找出问题，但没有任何结果。例如下面的测试只包含两个文件:index.html和config.xml它包含一个宽度为276像素的DIV，我希望PhoneGap能够像Android浏览器一样使其适合整个页面。顺便说一句，我正在使用PhoneGapBuild网站在线构建此测试。这是in

我正在尝试将一个旧元素改编并移植到PhoneGap。到目前为止，该元素在Android浏览器下可以正常工作，但不能与PhoneGap一起使用，因为它不会调整内容以适应整个屏幕。它总是留下一个空白，这不是我想要的。PhoneGap似乎没有关注我正在使用的元标记中的视口(viewport)属性。我一直在做一些测试来找出问题，但没有任何结果。例如下面的测试只包含两个文件:index.html和config.xml它包含一个宽度为276像素的DIV，我希望PhoneGap能够像Android浏览器一样使其适合整个页面。顺便说一句，我正在使用PhoneGapBuild网站在线构建此测试。这是in

我试图让div元素保持特定比例(比如1:2)，但保持宽度小于200像素。到目前为止我得到了什么:div{width:100%;height:0;padding-bottom:50%;max-width:200px;}它不起作用-如果我展开窗口，宽度会在200像素处停止扩展，但高度会继续增长!我试过设置box-sizing:border-box和max-height:100px，但都不起作用。我该怎么办？这是一个fiddle:http://jsfiddle.net/WVu3s/ 最佳答案 这是一个纯CSS解决方案，基于此post中的代

我试图让div元素保持特定比例(比如1:2)，但保持宽度小于200像素。到目前为止我得到了什么:div{width:100%;height:0;padding-bottom:50%;max-width:200px;}它不起作用-如果我展开窗口，宽度会在200像素处停止扩展，但高度会继续增长!我试过设置box-sizing:border-box和max-height:100px，但都不起作用。我该怎么办？这是一个fiddle:http://jsfiddle.net/WVu3s/ 最佳答案 这是一个纯CSS解决方案，基于此post中的代

我在OSXSafari上使用vw和vh单元时遇到问题。以这段代码为例:在100%缩放时，它工作正常。但是，如果缩小，Chrome和Firefox(在本例中)仍会在整个页面上呈现红色div。另一方面，Safari似乎正在渲染vw和vh是针对缩放100%时的视口(viewport)计算的。这是预期的行为还是Safari与其他浏览器的不同之处？是否有任何其他浏览器以相同的方式呈现vw和vh？ 最佳答案 据我所知，只有Safari有重新计算的问题。有关此属性的更多已知问题，请参阅此页面:http://caniuse.com/#feat=vi

我在OSXSafari上使用vw和vh单元时遇到问题。以这段代码为例:在100%缩放时，它工作正常。但是，如果缩小，Chrome和Firefox(在本例中)仍会在整个页面上呈现红色div。另一方面，Safari似乎正在渲染vw和vh是针对缩放100%时的视口(viewport)计算的。这是预期的行为还是Safari与其他浏览器的不同之处？是否有任何其他浏览器以相同的方式呈现vw和vh？ 最佳答案 据我所知，只有Safari有重新计算的问题。有关此属性的更多已知问题，请参阅此页面:http://caniuse.com/#feat=vi

我有以下情况，如图所示。灰色div是洋红色和蓝色div的父级。洋红色div随内容垂直缩放。我想让蓝色div始终缩放到包含灰色div的底部。我已经搜索并尝试了各种组合，但都没有效果。编辑:问题解决了!Container需要一个overflow:hidden，而我想拉伸(stretch)到底部(蓝色)的div需要padding-bottom:1000px;margin底部:-1000；(或者如果你需要更大) 最佳答案 我通过设置父级的div让这个工作(无论如何在Chrome中):position:absolute;和child的div:

我有以下情况，如图所示。灰色div是洋红色和蓝色div的父级。洋红色div随内容垂直缩放。我想让蓝色div始终缩放到包含灰色div的底部。我已经搜索并尝试了各种组合，但都没有效果。编辑:问题解决了!Container需要一个overflow:hidden，而我想拉伸(stretch)到底部(蓝色)的div需要padding-bottom:1000px;margin底部:-1000；(或者如果你需要更大) 最佳答案 我通过设置父级的div让这个工作(无论如何在Chrome中):position:absolute;和child的div:

我正在使用以下代码来缩放和居中使用ObjectLoader加载的msgpack压缩对象，但它无法正常工作。我认为我的对象有旋转，因此导致奇怪的行为。在某些对象上，它成功居中，但在其他对象上居中偏移并且缩放也不正确。在此片段中，result是来自ObjectLoader的场景。我的想法是该对象的结构不是很好，但我不确定。我希望图像上的表格或任何其他用户输入的网格位于网格的顶部，居中并缩放，以便最大尺寸为1个单位。每个正方形的尺寸为0.25，轴位于0,0,0http://i.stack.imgur.com/fkKYC.png//resultisathreejsscenevargeometr